﻿<!DOCTYPE html>
<html>
<head>
  <title>KataBinaryClock</title>
</head>
<body>
  <div>
    <table id="tbClock">
      <tr>
        <td id="hh1">&nbsp;</td>
        <td id="hh2">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>H</td>
      </tr>
      <tr>
        <td id="hl1">&nbsp;</td>
        <td id="hl2">&nbsp;</td>
        <td id="hl4">&nbsp;</td>
        <td id="hl8">&nbsp;</td>
        <td>H</td>
      </tr>
      <tr>
        <td id="mh1">&nbsp;</td>
        <td id="mh2">&nbsp;</td>
        <td id="mh4">&nbsp;</td>
        <td>&nbsp;</td>
        <td>m</td>
      </tr>
      <tr>
        <td id="ml1">&nbsp;</td>
        <td id="ml2">&nbsp;</td>
        <td id="ml4">&nbsp;</td>
        <td id="ml8">&nbsp;</td>
        <td>m</td>
      </tr>
      <tr>
        <td id="sh1">&nbsp;</td>
        <td id="sh2">&nbsp;</td>
        <td id="sh4">&nbsp;</td>
        <td>&nbsp;</td>
        <td>s</td>
      </tr>
      <tr>
        <td id="sl1">&nbsp;</td>
        <td id="sl2">&nbsp;</td>
        <td id="sl4">&nbsp;</td>
        <td id="sl8">&nbsp;</td>
        <td>s</td>
      </tr>
      <tr>
        <td>1</td>
        <td>2</td>
        <td>4</td>
        <td>8</td>
        <td>&nbsp;</td>
      </tr>
    </table>
    <span id="now"></span>
  </div>
  <link href="http://mattia.onemic.it/blog/wp-content/uploads/2012/08/Style.css" rel="stylesheet" type="text/css" />
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
  <script src="http://mattia.onemic.it/blog/wp-content/uploads/2012/08/KataBinaryClock.js" type="text/javascript"></script>
  <script src="http://mattia.onemic.it/blog/wp-content/uploads/2012/08/Ready.js" type="text/javascript"></script>
</body>
</html>
